import React, { Component } from 'react'
import Test from './Test'

export default class App extends Component {
  render() {
    return (
      <div>
        App
        {/* <Test children='Hello React' /> */}
        {/* 和上面等价，子节点会被当做 children 属性进行传递 */}
        {/* <Test>Hello React</Test> */}
        {/* <Test>
          <h2>Hello React</h2>
        </Test> */}
        <Test>
          {/* //!作用域插槽：父组件可以拿到子组件的数据，在父组件进行加工处理之后再传递给子组件 */}
          {(str) => {
            return <strong>{str + '~~~'}</strong>
          }}
        </Test>
      </div>
    )
  }
}
